<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="views/layui/css/layui.css">
<script type="text/javascript" src="views/js/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="views/js/layui/layui.all.js"></script>
<title>layui</title>
</head>
<body>

	<form action="" class="layui-main ">
		<div class="layui-tab">
			<ul class="layui-tab-title">
				<li class="layui-this">标题一</li>
				<li>标题二</li>
				<li>标题三</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">内容1</div>
				<div class="layui-tab-item">内容2</div>
				<div class="layui-tab-item">内容3</div>
			</div>
		</div>
		<input class="layui-input" type="text" id="test1" />
		<ul id="demo"></ul>
	</form>
</body>
<script>
	layui.use("laydate",function(){
		var laydate = layui.laydate;
		laydate.render({
			elem :"#test1",
			min:-7,
			max:7,
			showBottom: true,
			theme:'grid',
			calender:true,
		});
	});
	layui.tree({
		  elem: '#demo' //传入元素选择器
		  ,nodes: [{ //节点
		    name: '父节点1'
		    ,children: [{
		      name: '子节点11'
		    },{
		      name: '子节点12'
		    }]
		  },{
		    name: '父节点2（可以点左侧箭头，也可以双击标题）'
		    ,children: [{
		      name: '子节点21'
		      ,children: [{
		        name: '子节点211'
		      }]
		    }]
		  }]
		});
	
</script>
</html>